<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>.::AsPerA::. Asignación de Permisos de Aprendices</title>
                <link rel="shortcut icon" href="favicon.ico"/>
            </f:facet>
        </h:head>
        <h:body>
            <div>
                <h:graphicImage url="/aspera/images/aspera.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: top;"/> 
            </div>

            <p:panel>
                <p:panelGrid> 
                    <p:row>
                        <p:column style="vertical-align: top;">
                            <h:form>
                                <p:menu>
                                    <p:submenu label="Menú">                                
                                        <p:menuitem value="Inicio" url="/faces/aspera/indexAprendiz.xhtml" />
                                        <p:menuitem value="Actualizar Datos" url="/faces/aspera/gestionAprendiz.xhtml" />
                                        <p:menuitem value="Crear Permisos" url="/faces/aspera/gestionPermisos.xhtml" />
                                        <p:menuitem value="Cambio Contraseña" url="/faces/aspera/CambiaPasswordApr.xhtml" />
                                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuariosVista.cerrarSesion_action}" />
                                    </p:submenu>                    
                                </p:menu>
                            </h:form>
                        </p:column>
                        <p:column>

                            <h:form id="formulario"> 
                                <p:panel id="panelPermiso" header="Permisos">
                                    <p:messages id="mensajes" showDetail="true" />
                                    <f:facet name="actions">
                                        <p:commandLink onclick="PF('helpDialog').show();" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></p:commandLink>
                                    </f:facet>
                                    <p:panelGrid  columns="2"> 
                                        <h:outputText value="Código:"/>
                                        <p:inputText id="txtCodigo" binding="#{permisosVista.txtCodigo}" value="#{permisosVista.codigoNew}" disabled="true" />

                                        <h:outputText value="Fecha:"/>
                                        <p:inputText id="txtFecha" binding="#{permisosVista.txtFecha}" value="#{permisosVista.fechaPermiso}" disabled="true" />

                                        <h:outputText value="Hora Desde:"/>
                                        <p:calendar id="txtHoraDesde" binding="#{permisosVista.txtHoraDesde}" pattern="HH:mm" timeOnly="true" /> 

                                        <h:outputText value="Hora Hasta:"/>
                                        <p:calendar id="txtHoraHasta" binding="#{permisosVista.txtHoraHasta}" pattern="HH:mm" timeOnly="true"/>

                                        <h:outputText value="Motivo:"/>
                                        <p:inputTextarea id="txtMotivo" binding="#{permisosVista.txtMotivo}"></p:inputTextarea>


                                        <h:outputText value="Tipo:"/>
                                        <p:selectOneMenu disabled="true" id="cmbTipo" binding="#{permisosVista.cmbEstadoPermiso}" >
                                            <f:selectItem itemLabel="PENDIENTE" itemValue="PENDIENTE" />
                                            <f:selectItem itemLabel="APROBADO" itemValue="APROBADO" />
                                        </p:selectOneMenu>
                                        <f:facet name="footer"> 
                                            <div align="center"> 
                                                <p:commandButton id="btnCrear" value="Crear" binding="#{permisosVista.btnRegistrar}" action="#{permisosVista.registrar_action}" update="formulario" />
                                                <p:commandButton id="btnEliminar" value="Eliminar" disabled="true" binding="#{permisosVista.btnEliminar}" onclick="PF('confirmation').show()" type="button" />
                                                <p:commandButton id="btnLimpiar" value="Limpiar" binding="#{permisosVista.btnLimpiar}" action="#{permisosVista.limpiar_action}" update="formulario" />
                                            </div>
                                        </f:facet>
                                    </p:panelGrid>

                                    <br />
                                    <h:outputText value="Si Desea Buscar un Permiso digite el Dato en el Filtro Respectivo" />
                                    <br /><br />
                                    <p:dataTable id="listaPermisos" var="permisos" value="#{permisosVista.listaPermisos}"  selection="#{permisosVista.selectedPermiso}"
                                                 selectionMode="single" rowKey="#{permisos.codigo}" paginator="true" rows="5" emptyMessage="No hay permisos!"
                                                 filteredValue="#{permisosVista.listaPermisos}">

                                        <p:ajax event="rowSelect" listener="#{permisosVista.onRowSelect}"   
                                                update=":formulario:panelPermiso"/> 
                                        <p:column sortBy="#{permisos.codigo}" filterBy="#{permisos.codigo}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="Número" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.codigo}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.fecha}" filterBy="#{permisos.fecha}">
                                            <f:facet name="header">
                                                <h:outputText  value="Fecha" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.fecha}">
                                                <f:convertDateTime pattern="dd/MM/yyyy"/>  
                                            </h:outputText>                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.horaDesde}">
                                            <f:facet name="header" >
                                                <h:outputText  value="Hora Desde" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.horaDesde}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.horaHasta}">
                                            <f:facet name="header" >
                                                <h:outputText  value="Hora Hasta" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.horaHasta}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.motivo}">
                                            <f:facet name="header" >
                                                <h:outputText  value="Motivo" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.motivo}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.estado}" filterBy="#{permisos.estado}">
                                            <f:facet name="header" >
                                                <h:outputText  value="Estado" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.estado}" />                          
                                        </p:column>
                                    </p:dataTable>                        

                                    <!--Panel Exportar -->
                                    <p:panel header="Exportar">   
                                        <h:commandLink>
                                            <!--PDF-->
                                            <h:outputText value="PDF" />
                                            <p:dataExporter type="pdf" fileName="ListadoPermisos" target="listadoPermisos"/>
                                        </h:commandLink>

                                        <h:outputText value=" | " />

                                        <h:commandLink>
                                            <!--EXCEL-->
                                            <h:outputText value="XLS" />
                                            <p:dataExporter type="xls" fileName="ListadoPermisos" target="listadoPermisos"/>
                                        </h:commandLink>
                                    </p:panel>
                                </p:panel>
                                <!-- dialogo de ayuda -->
                                <p:dialog id="modalDialog" header="Ayuda" widgetVar="helpDialog" showEffect="fade" hideEffect="bounce" modal="true" dynamic="true">  
                                    <p align="justify">                       
                                        En esta página usted podrá:<br/><br/>
                                        <b>-Crear, Eliminar y Consultar Permisos:</b> ésta opción solo está disponible para usuarios de tipo Aprendiz. 
                                        Para crear un permiso basta con digitar los datos básicos del permiso. ASPERA verificará sus datos para asignarle el permiso y luego de clic en el botón Crear. Para  eliminar un permiso existente 
                                        seleccionelo de la tabla inferior y de clic en el botón Eliminar.
                                        <br/><br/>                   

                                        <b>-Consultar y Filtrar Permisos:</b> en la tabla de resultados se pueden visualizar todos los permisos existentes. 
                                        Si desea filtrar los resultados basta con digitar en la columna Número un número especifico, de igual forma se puede utilizar 
                                        el filtro por Ficha y Estado.  
                                        <br/><br/> 
                                        <u>Nota:</u> Un permiso pendiente es aquel que ha sido registrado y se encuentra pendiente de aprobación. Un 
                                        permiso aprobado es el que cuenta con la aprobación del instructor a cargo y del coordinador. Verifique antes de salir que el permiso haya sido aprobado.
                                    </p>
                                </p:dialog>
                            </h:form>                
                            <!-- Dialogo de confirmacion para el boton eliminar -->
                            <h:form id="formDialog" > 
                                <p:confirmDialog id="confirmDialog" message="Está Seguro de Eliminar el Aprendiz?"  
                                                 header="Confirmación" severity="alert" widgetVar="confirmation">  
                                    <p:commandButton id="confirm" value="Si" oncomplete="PF('confirmation').hide()" update=":formulario:mensajes,:formulario:panelPermiso,:formulario:listaPermisos"  
                                                     actionListener="#{permisosVista.onEliminacionConfirm}" />  
                                    <p:commandButton id="decline" value="No" onclick="PF('confirmation').hide()" type="button" />   

                                </p:confirmDialog> 
                            </h:form>
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel> 
            <div>
                <h:graphicImage url="/aspera/images/asperaPie.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: bottom;"/>
            </div>
        </h:body>

    </f:view>
</html>
